<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../bootstrap/js/detail/bootstrap-modal.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#myModal').modal({
	    backdrop:false,
	    keyboard:true,
	    show:false
	});
});

</script>

</head>
<div style="text-align:center;margin-top:100px;">
<a class="btn" data-toggle="modal" href="#myModal"  >点击"无ESC关闭，无遮蔽背景"演示</a>

</div>
<div class="modal" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>对话框标题</h3>
  </div>
  <div class="modal-body">
    <p>对话框内容</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">关闭</a>
    <a href="#" class="btn btn-primary">保存更新</a>
  </div>
</div>

</html>